import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'

// 第一步 配置路由表信息
let route=[
    {
        path: '/',
        name: 'home',
        component: Home,
        meta: {
            title: '首页',
        }
        
    },
    {
        path: '/about',
        name: 'about',
        component: () => import('../views/About.vue'),
        meta: {
            title: '关于'
        }
    },
    {
        path: '/find',
        name: 'find',
        component: () => import('../views/Find.vue'),
        meta: {
            title: '发现音乐'
        }
    },
    {
        path: '/my',
        name: 'my',
        component: () => import('../views/My.vue'),
        meta: {
            title: '我的音乐'
        }
    },
    {
        path: '/friend',
        name: 'friend',
        component: () => import('../views/Friend.vue'),
        meta: {
            title: '关注'
        }
    },
    {
        path: '/musician',
        name: 'musician',
        component: () => import('../views/Musician.vue'),
        meta: {
            title: '音乐人'
        }
    }
   
]
// 创建路由实例
let router = createRouter({
    // 两种模式：hash模式和history模式
    /**
     * hash模式： 在url地址栏中 包含#号
     * history模式： 在url地址栏中 不包含#号
     */

    history: createWebHistory(), // 采用的是路由的模式 为hash模式
    //加载路由配置信息
    routes: route
})
//默认导出路由
export default router;